define('components/inputTag/inputTag.tpl',['hdbr'], function(Handlebars) {
            return Handlebars.template({"1":function(container,depth0,helpers,partials,data) {
    var stack1;

  return ((stack1 = helpers["if"].call(depth0 != null ? depth0 : (container.nullContext || {}),(depth0 != null ? depth0.optgroup : depth0),{"name":"if","hash":{},"fn":container.program(2, data, 0),"inverse":container.program(6, data, 0),"data":data})) != null ? stack1 : "");
},"2":function(container,depth0,helpers,partials,data) {
    var stack1, helper, alias1=depth0 != null ? depth0 : (container.nullContext || {});

  return "              <optgroup label=\""
    + container.escapeExpression(((helper = (helper = helpers.optgroup || (depth0 != null ? depth0.optgroup : depth0)) != null ? helper : helpers.helperMissing),(typeof helper === "function" ? helper.call(alias1,{"name":"optgroup","hash":{},"data":data}) : helper)))
    + "\">\r\n"
    + ((stack1 = helpers.each.call(alias1,(depth0 != null ? depth0.children : depth0),{"name":"each","hash":{},"fn":container.program(3, data, 0),"inverse":container.noop,"data":data})) != null ? stack1 : "")
    + "             </optgroup>\r\n";
},"3":function(container,depth0,helpers,partials,data) {
    var stack1, helper, alias1=depth0 != null ? depth0 : (container.nullContext || {}), alias2=helpers.helperMissing, alias3="function", alias4=container.escapeExpression;

  return "                      <option value=\""
    + alias4(((helper = (helper = helpers.value || (depth0 != null ? depth0[data.root.valueField] : depth0)) != null ? helper : alias2),(typeof helper === alias3 ? helper.call(alias1,{"name":"name","hash":{},"data":data}) : helper)))
    + "\""
    + ((stack1 = helpers["if"].call(alias1,(depth0 != null ? depth0.disabled : depth0),{"name":"if","hash":{},"fn":container.program(4, data, 0),"inverse":container.noop,"data":data})) != null ? stack1 : "")
    + ">"
    + alias4(((helper = (helper = helpers.name || (depth0 != null ? depth0[data.root.textField] : depth0)) != null ? helper : alias2),(typeof helper === alias3 ? helper.call(alias1,{"name":"name","hash":{},"data":data}) : helper)))
    + "</option>\r\n";
},"4":function(container,depth0,helpers,partials,data) {
    var helper;

  return "disabled=\""
    + container.escapeExpression(((helper = (helper = helpers.disabled || (depth0 != null ? depth0.disabled : depth0)) != null ? helper : helpers.helperMissing),(typeof helper === "function" ? helper.call(depth0 != null ? depth0 : (container.nullContext || {}),{"name":"disabled","hash":{},"data":data}) : helper)))
    + "\"";
},"6":function(container,depth0,helpers,partials,data) {
    var stack1, helper, alias1=depth0 != null ? depth0 : (container.nullContext || {}), alias2=helpers.helperMissing, alias3="function", alias4=container.escapeExpression;

  return "              <option value=\""
    + alias4(((helper = (helper = helpers.value || (depth0 != null ? depth0[data.root.valueField] : depth0)) != null ? helper : alias2),(typeof helper === alias3 ? helper.call(alias1,{"name":"name","hash":{},"data":data}) : helper)))
    + "\""
    + ((stack1 = helpers["if"].call(alias1,(depth0 != null ? depth0.disabled : depth0),{"name":"if","hash":{},"fn":container.program(4, data, 0),"inverse":container.noop,"data":data})) != null ? stack1 : "")
    + ">"
    + alias4(((helper = (helper = helpers.name || (depth0 != null ? depth0[data.root.textField] : depth0)) != null ? helper : alias2),(typeof helper === alias3 ? helper.call(alias1,{"name":"name","hash":{},"data":data}) : helper)))
    + "</option>\r\n";
},"compiler":[7,">= 4.0.0"],"main":function(container,depth0,helpers,partials,data) {
    var stack1;

  return "  <select><option disabled selected value></option>\r\n"
    + ((stack1 = helpers.each.call(depth0 != null ? depth0 : (container.nullContext || {}),(depth0 != null ? depth0.datas : depth0),{"name":"each","hash":{},"fn":container.program(1, data, 0),"inverse":container.noop,"data":data})) != null ? stack1 : "")
    + " </select>\r\n";
},"useData":true})
        });

define('lib/requirejs/css.min!components/inputTag/inputTag',[],function(){});
define('inputTag',['eventTarget','jquery',
        'components/inputTag/inputTag.tpl',
        './js/common/components/inputTag/combo',
        'lib/requirejs/css.min!components/inputTag/inputTag.css'
    ],
    function (EventTarget,$,template) {
        var VERSION = '1.0.0';
        var objClass =function(options) {
            this.arr = [];
            this.checkTagArrs = [];
            this.options = options;
            // 对this.$el赋值前对options.el类型判断，jquery对象，DOM对象，字符串
            if(options.el && options.el instanceof jQuery){
                this.$el = options.el;
            }else if(options.el && (options.el.nodeType==1 || typeof (options.el) == 'string')){
                this.$el = $(options.el);
            }else{
                //如果容器不存在则添加一个
                this.$el = $('<div></div>');         
            }
            //为容器添加类名
            this.$el.addClass('comboSelectTag mt-5').css('height','auto'); 
            //初始执行
            initialize.call(this,options)
        }
        
        //渲染函数
        var render =function($ele,options){
            //编译模板
            //定义变量接收默认选中项
            var nub
            if(options.checked){
                nub = options.checked
            }
            // 引用了handlebars预编译只需使用template模板即可
            // var template = Hdb.compile(tpl);
            //将模板添加进去
            var $eeeel =  $ele.html(template(options));
            //找到所有的option
            // $eeeel.append('<div id="lable"></div>')
            var obj = $eeeel.find('option');
            //依据nub找到默认选中项
            $(obj[nub]).attr('selected','selected');
            $ele.find('select').attr('name',options.name).addClass(options.className);
            //依据selece节点生成下拉搜索组件
            $ele.find('select').comboSelectTag({
                $ele:$ele,
                hoverClass:'default-hover',
                inputChangCall: (options.addTag ? addSelectTag : ''),
                inputPlaceholder: (options.placeholder ? options.placeholder : '')
            });
            $ele.find('input').attr('maxlength',(options.maxlength ? options.maxlength : ''));
            $ele.find('input').wrap('<div class="comboTag-tag-box"></div>');
            $ele.find('input').wrap('<div class="comboTag-input-box fn-fl" style="'+ ((!options.placeholder || options.placeholder=="") ? "width:13px;" : "width:100%;") +'"></div>');
            // $ele.find('.comboTag-input-box').before('<div class="comboTag-tag-container fn-fl"></div>');
            $ele.find('.comboTag-input-box').append('<p style="display:none"></p>');
            $ele.find('.comboTag-tag-box').on('click',function(){
                if($ele.find('.comboTag-select').hasClass('comboTag-select-disable')){
                    return
                }

                $('.comboTag-select').removeClass('comboTag-focus comboTag-open');
                $('.comboTag-tag-box').css('border-color','#ddd');
                $ele.find('input').focus();
                $ele.find('.comboTag-select').addClass('comboTag-focus comboTag-open');
                $ele.find('.comboTag-tag-box').css('border-color','rgb(0, 133, 208)');
            })
            if(!options.placeholder || options.placeholder == ""){
                options.keydown = true;
            }

            $ele.find('input').on('keydown keyup', function(){
                if(options.keydown){
                    var thisValue = $(this).val();
                    $(this).siblings('p').text(thisValue);
                    var inputBoxWidth = $(this).siblings('p').width() + 13;
                    if(inputBoxWidth >= $(this).parents('.comboTag-tag-box').width()) return;
                    $(this).parent('.comboTag-input-box').css('width', inputBoxWidth + 'px');
                }

            })
            //自定义组件宽度
            $ele.width(options.width+'px');
            //input框宽度与外容器保持一至
            $ele.find('.comboTag-select').width(options.width+'px');
            //设定宽度与父容器一至
            // $ele.find('.comboTag-input').width('100%')
            
            this["$select"] = $ele.find('.comboTag-select>select');
            
            $ele.find('.comboTag-select').off('click.item', '.option-item');
            $ele.find('.comboTag-arrow').remove();
            $ele.find('.comboTag-dropdown li:first').remove();
            $ele.find('.comboTag-dropdown li:first').removeClass('option-hover');
            $ele.find('.comboTag-dropdown').append('<li class="option-item new-tag hide" new-tag="1">新标签</li>');

            optionItemClick.call(this);
            inputBlur.call(this);
        }

        //初始化
        var initialize = function(options){
            this.options = options;
            //判断传值形式
            if(options.datas){
                //获取数据
                var datas = options.datas&&options.datas.slice(0);
                //将数据赋值给arr数组
                this.arr = datas;
                //渲染组件
                render.call(this,this.$el,this.options)
            }else if(options.url){
                //判断是否以url形式传入数据
                var datas ;
                //保存this后边使用
                var self = this;
                //利用ajax去请求数据
                $.ajax({
                    type:"get",
                    url:options.url,
                    async:false,
                    dataType:'JSON',
                    success:function(data){
                        //请求成功将数据传递给options.datas
                        self.options.datas = data.beans;
                        //将数据传递给arr数组
                        self.arr = data.beans;
                        //渲染组件
                        render.call(self,self.$el,self.options)
                    }
                }); 
            }
        }
        //取消点击事件
        var _cancelClick = function(){
            $('.comboTag-arrow').on('mouseover',function(event){
                console.log(11111)
                event.preventDefault;
            })
        }

        // 下拉点击事件
        var optionItemClick = function(){
            var _this = this;

            this.$el.find('.comboTag-select').on('click', '.option-item',function(e){
                _this.$el.find('input').attr('placeholder','');
                _this.$el.find('.comboTag-input-box').css('width','13px');
                _this.options.keydown = true;

                // var thisData = _this.getSelected() ? _this.getSelected() : {};
                var thisData = {};

                var thisName = $(this).text();
                var thisValue = $(this).attr('data-value');
                var dataIndex = $(this).attr('data-index');
                
                if(!$(this).hasClass('new-tag')){
                    $(this).addClass('option-hover').css('pointer-events','none');

                    $(_this.$el.find('.comboTag-select>select>option')).each(function(index, item){
                        if(_this.$el.find('.comboTag-select>select>option').eq(index).val() == thisValue){
                            _this.$el.find('.comboTag-select>select>option').eq(index).attr('selected','selected').siblings().removeAttr('selected');
                        }
                    })
                }

                var typeofStr = '';
                if($(this).hasClass('new-tag')){
                    thisName =  _this.$el.find('input').val().trim();
                    if( _this.$el.find('strong').length>0){
                         _this.$el.find('strong').each(function(index, item){
                            if( _this.$el.find('strong').eq(index).text().replace('x','') == thisName){
                                typeofStr += 'false';
                                return;
                            }
                        })
                    } 
                }else{
                    if( _this.$el.find('strong').length>0){
                         _this.$el.find('strong').each(function(index, item){
                            if( _this.$el.find('strong').eq(index).find('span').attr('data-index') == dataIndex){
                                typeofStr += 'false';
                                return;
                            }
                        })
                    }  
                }

                if(typeofStr.indexOf('false')>-1){
                    return
                }else{
                     _this.$el.find('.comboTag-select').removeClass('comboTag-focus comboTag-open');

                     if(!$(this).hasClass('new-tag')){
                        thisData = _this.getSelected();
                     }

                    if($(this).hasClass('new-tag')){
                        // if( _this.$el.find('input').val().trim()!==''){
                            thisData[_this.options.textField] =  _this.$el.find('input').val();
                            thisData.type = "true";
                             _this.$el.find('.comboTag-input-box').before('<strong class="fn-fl">'+ $('<span/>').text( thisData[_this.options.textField] ).html() +'<span new-tag="1" data-index="'+  _this.$el.find('.option-item[new-tag!="1"]').length+1 +'">x</span></strong>');
                             _this.$el.find('.option-item.new-tag').before('<li class="option-item option-hover" data-index="'+  _this.$el.find('.option-item[new-tag!="1"]').length+1 +'" data-value="'+ thisData[_this.options.textField] +'" style="pointer-events:none">'+ thisData[_this.options.textField] +'</li>');
                             _this.$el.find('input').val('');
                             _this.$el.find('.option-item').show();
                             _this.$el.find('.new-tag').addClass('hide');
                        // }else{
                        //     return;
                        // }
                        
                    }else{
                        thisData.type = "false";
                         _this.$el.find('.comboTag-input-box').before('<strong class="fn-fl">'+ $('<span/>').text( thisName ).html() +'<span data-index="'+ dataIndex +'">x</span></strong>');
                         _this.$el.find('input').val('');
                         _this.$el.find('.option-item').show();
                         _this.$el.find('.new-tag').addClass('hide');
                    }
                    _this.checkTagArrs.push(thisData);

                    optionItemClickStop.call(_this);
                    delSelectTag.call(_this);
                }

                _this.$el.find('select').change();
                var tagBoxHeight =  _this.$el.find('.comboTag-tag-box').height();
                if(tagBoxHeight < 30){
                    tagBoxHeight = 30;
                }
                $(this).parents('.comboSelectTag').parent().css('height', tagBoxHeight+12 +'px');
            });
        }

        //删除添加的标签
        var delSelectTag = function(){
            var _this = this;
            var index;
            var valueObj;
            _this.$el.find('strong').on('click', function(){
                index = _this.$el.find('strong').index(this);
            })
            _this.$el.find('strong').off('click', 'span');
            _this.$el.find('strong').on('click', 'span', function(e){
                var dataIndex = $(this).attr('data-index');
                var options = _this.$el.find('.comboTag-select>select>option');

                _this.$el.find('.comboTag-dropdown li[data-index='+ dataIndex +']').removeClass('option-hover').css('pointer-events','auto');
                $(this).parent('strong').click();
                $(this).parent('strong').remove();

                if($(this).attr('new-tag')==1){
                    _this.$el.find('.comboTag-dropdown li[data-index='+ dataIndex +']').remove();
                }
                valueObj =  _this.checkTagArrs[index];
                _this.checkTagArrs.splice(index,1);
                // console.log(options);

                if(_this.checkTagArrs.length>0){
                    for(var i=0; i<options.length; i++){

                        if($(options[i]).attr('value') == _this.checkTagArrs[_this.checkTagArrs.length-1][_this.options.valueField]){
                            _this.$el.find('.comboTag-select>select>option').eq(i).attr('selected','selected').siblings().removeAttr('selected');
                        }
                    }
                }else{
                    _this.$el.find('.comboTag-select>select>option').eq(0).attr('selected','selected').siblings().removeAttr('selected');
                }

                var thisParentLen = _this.$el.find('strong').length;
                if(thisParentLen<=0 && _this.options.placeholder &&  _this.options.placeholder!==''){
                    _this.$el.find('input').attr('placeholder', _this.options.placeholder);
                    _this.$el.find('.comboTag-input-box').css('width','100%');
                    _this.options.keydown = false;
                }

                var tagBoxHeight = _this.$el.find('.comboTag-tag-box').height();
                _this.$el.parent('li').css('height', tagBoxHeight+12 +'px');

                if(_this.options.delSelectCallback && typeof(_this.options.delSelectCallback) == 'function'){
                    var callback = _this.options.delSelectCallback;
                    callback(valueObj);
                }
            })

        }

        //添加标签
        var addSelectTag = function(obj){
            var optionItemLen =  0;
            obj.find('.option-item[new-tag!="1"]').each(function(index, item){
                if(obj.find('.option-item[new-tag!="1"]').eq(index).css('display') !='none'){
                    optionItemLen ++;
                }
            })
            if(optionItemLen==0){
                obj.find('.new-tag').removeClass('hide');
            }else{
                obj.find('.new-tag').addClass('hide');
            }
        }

        var inputBlur = function(){
            var _this = this;
            _this.$el.find('input').on('blur', function(){
                // $(this).val('');
                // _this.$el.find('.option-item.new-tag').addClass('hide');
                _this.$el.find('.comboTag-tag-box').css('border-color','#ddd');
            })
        }

        //禁止冒泡
        var optionItemClickStop = function($){
            this.$el.find('.comboTag-tag-box,.comboTag-tag-box>strong').click(function(e){
                e.stopPropagation();
            })
        }

        //暴露方法
        $.extend(objClass.prototype, {
            version:VERSION,
            // 点击某一项的回调
            change: function(callback) {
                var _this = this;

                if (typeof(callback) == 'function') {
                    _this.$el.find('select').change(function(e) {
                        var middleArr = [];
                        var ind = _this.$select.find("option:selected").prop('index') - 1;
                        for (var i = 0, len = _this.arr.length; i < len; i++) {
                            var childrens = _this.arr[i].children
                            if (childrens) {
                                for (var j = 0, leng = childrens.length; j < leng; j++) {
                                    middleArr.push(childrens[j])
                                }
                            } else {
                                middleArr.push(_this.arr[i])
                            }
                        }
                        var obj = middleArr[ind];

                        callback(e, obj)
                    });
                } else {
                    return callback
                }
            },
            // 获取下拉框的值
            getSelected : function(value){
                var middleArr = [];
                var ind = this.$select.find("option:selected").prop('index') - 1;
                for (var i = 0, len = this.arr.length; i < len; i++) {
                    var childrens = this.arr[i].children
                    if (childrens) {
                        for (var j = 0, leng = childrens.length; j < leng; j++) {
                            middleArr.push(childrens[j])
                        }
                    } else {
                        middleArr.push(this.arr[i])
                    }
                }
                var obj = middleArr[ind];
                if (value) {
                    return middleArr[value];
                } else {
                    return obj;
                }
            },
            //设置默认选中项
            checkSelectTag: function(data, key){
                var _this = this;
                if(typeof(data)=='array'|| typeof(data)=='object'){
                    var optionItemBox = this.$el;
                    $(data).each(function(index, item){
                        if(typeof(key)=='string'){
                            optionItemBox.find('.option-item[data-value="'+ $(data)[index][key] +'"]').click();
                        }else{
                            optionItemBox.find('.option-item[data-value="'+ $(data)[index][_this.options.valueField] +'"]').click();
                        }

                        if(!$(data)[index][key] && !$(data)[index][_this.options.valueField]){
                            $(optionItemBox.find('.option-item')).each(function(i, t){
                                var value = optionItemBox.find('.option-item').eq(i).text();
                                if(value == $(data)[index][key] || value == $(data)[index][_this.options.textField]){
                                    optionItemBox.find('.option-item').eq(i).click();
                                }
                            })
                        }

                    })
                }
            },

            //获取选中项的数据
            getCheckSelectTag: function(key){
                var _this = this;
                if(key && typeof(key)==='string'){
                    var keyArr = [];

                    $(_this.checkTagArrs).each(function(index, item){
                        keyArr.push(item[key]);
                    })

                    return keyArr;
                }else{
                    return _this.checkTagArrs;
                }
            },

            //重置
            resetSelectTag: function(){
                this.checkTagArrs = [];
                initialize.call(this,this.options);
                var optionItemBox = this.$el; 
                optionItemBox.find('strong').remove();
                optionItemBox.find('.option-item').removeClass('option-hover').css('pointer-events','auto');
            },

            //重新加载
            reload:function(datas){
                if(datas){
                    this.options.datas = datas;
                }
                initialize.call(this,this.options);
            },
            //禁用组件:当传值时禁用当前项不传值时禁用组件
            disabled:function(value, key){
                var _this = this;
                if(value && typeof(value)=='string'){
                    var options = this.$el.find('option')
                    var lis = this.$el.find('li')
                    for(var i=0,len=options.length;i<len;i++){
                        if(options[i].innerHTML == value){
                            $(options[i]).prop("disabled",true)
                            $(lis[i-1]).removeClass()
                            $(lis[i-1]).addClass('option-disabled ')
                        }
                    }
                    
                }else if(value && (typeof(value)=='object' || typeof(value)=='array')){
                    var options = this.$el.find('option')
                    var lis = this.$el.find('li')
                    for(var i=0,len=options.length;i<len;i++){
                        var type = false;
                        for(var k=0; k < value.length; k++){
                            if(options[i].innerHTML == value[k] || options[i].innerHTML == value[k][key ? key : _this.options.textField]){
                                type = true;
                            }
                        }
                        if(type){
                            $(options[i]).prop("disabled",true)
                            $(lis[i-1]).removeClass()
                            $(lis[i-1]).addClass('option-disabled ')
                        }
                    }
                }else{
                    this.$select.prop("disabled",true)
                    this.$el.find('.comboTag-select').addClass('comboTag-select-disable');
                    this.$el.find('input').prop('disabled',true);
                    this.$el.find('.comboTag-arrow').addClass('disabled')
                 
                }
            },
            //启用组件：传值时启用被禁止的当前项不传值时启用组件
            enable:function(value, key){
                var _this = this;
                if(value && typeof(value)=='string'){
                    var options = this.$el.find('option')
                    var lis = this.$el.find('li')
                    for(var i=0,len=options.length;i<len;i++){
                        if(options[i].innerHTML == value){
                            $(options[i]).prop("disabled",false)
                            $(lis[i-1]).removeClass()
                            $(lis[i-1]).addClass('option-item')
                        }
                    }
                }else if(value && (typeof(value)=='object' || typeof(value)=='array')){
                    var options = this.$el.find('option')
                    var lis = this.$el.find('li')
                    for(var i=0,len=options.length;i<len;i++){
                        var type = false;
                        for(var k=0; k < value.length; k++){
                            if(options[i].innerHTML == value[k] || options[i].innerHTML == value[k][key ? key : _this.options.textField]){
                                type = true;
                            }
                        }
                        if(type){
                            $(options[i]).prop("disabled",false)
                            $(lis[i-1]).removeClass()
                            $(lis[i-1]).addClass('option-item')
                        }
                    }
                }else{
                    this.$select.prop("disabled",false);
                    this.$el.find('.comboTag-select').removeClass('comboTag-select-disable');
                    this.$el.find('input').prop('disabled',false);
                    this.$el.find('.comboTag-arrow').removeClass('disabled')
                }
            }
        },EventTarget.prototype);
        
        //处理IE下console报错的问题
        window.console = window.console || (function(){
            var c = {};
            c.log = c.warn = c.debug = c.info = c.error = c.time = c.dir = c.profile = c.clear = c.exception = c.trace = c.assert = function(){};
            return c;
        })();
    
        //返回objClass对象
        return objClass;
            
    });

(function(c){var d=document,a='appendChild',i='styleSheet',s=d.createElement('style');s.type='text/css';d.getElementsByTagName('head')[0][a](s);s[i]?s[i].cssText=c:s[a](d.createTextNode(c));})
('/**\r\n * Variables\r\n */\r\n/**\r\n * Wrapper\r\n */\r\n.comboSelectTag{\r\n\theight: 100%;\r\n}\r\n.comboTag-select {\r\n  position: relative;\r\n  max-width: 400px;\r\n min-height: 26px;\r\n  /*margin-bottom: 15px;*/\r\n  font: 100% Helvetica, Arial, Sans-serif;\r\n }\r\n  /*.comboTag-select:hover{\r\n  \tcursor: not-allowed;\r\n  }*/\r\n .comboSelectTag .comboTag-select-disable select{\r\n \tdisplay: none;\r\n }\r\n .comboSelectTag .comboTag-select-disable .comboTag-input{\r\n \tbox-shadow: none !important; \r\n \tborder: #none;\r\n \tbackground: #F6F6F6; \r\n \tcolor: #CCC; \r\n \tcursor: not-allowed;\r\n }\r\n .comboSelectTag .comboTag-select-disable .comboTag-arrow{\r\n \tcursor: not-allowed;\r\n }\r\n  .comboTag-select select{\r\n  \tdisplay: none;\r\n  }\r\n .comboTag-select .comboTag-tag-box>strong{\r\n background:#329fda;\r\n color:#fff;\r\n /*height:23px;*/\r\n line-height:23px;\r\n padding:0 5px;\r\n margin:0 3px;\r\n margin-top:3px;\r\n word-break:break-all;\r\n }\r\n .comboTag-select .comboTag-tag-box>strong span{\r\n cursor:pointer;\r\n padding-left:5px; }\r\n .comboTag-select .comboTag-tag-box{\r\n overflow:hidden; \r\n height:1%; \r\n box-sizing: border-box; \r\n border: 1px #ddd solid;\r\n background:#fff;\r\n }\r\n .comboTag-select .comboTag-input {\r\n    margin-bottom: 0; \r\n    background-color: #fff;\r\n border: none !important;    }\r\n\r\n/**\r\n * Input field\r\n */\r\n.comboTag-input {\r\n  -webkit-appearance: none;\r\n  -moz-appearance: none;\r\n  appearance: none;\r\n  margin: 0 !important;\r\n  text-overflow: ellipsis;\r\n  white-space: nowrap;\r\n  border: none;\r\n  width: 100%;\r\n\r\n  box-sizing: border-box;\r\n  padding: 12px;\r\n  padding-right: 60px;\r\n }\r\n  .comboTag-input:focus {\r\n    outline: none; }\r\n/**\r\n * Arrow\r\n */\r\n.comboTag-arrow {\r\n  position: absolute;\r\n  right: 4px;\r\n  top: 3px;\r\n  height: 100%;\r\n  cursor: pointer;\r\n  text-align: center;\r\n  font-size: 14px;\r\n  width: 40px;\r\n  font-size: 12px;\r\n  color: #999999; }\r\n  /*.comboTag-arrow:before {\r\n    content: \" \";\r\n    border-left: 5px solid transparent;\r\n    border-right: 5px solid transparent;\r\n    border-top: 5px solid #cccccc;\r\n    display: block;\r\n    width: 0;\r\n    height: 0;\r\n    top: 0;\r\n    right: 15px;\r\n    bottom: 0;\r\n    position: absolute;\r\n    margin: auto 0; }*/\r\n   \r\n   /*下拉箭头*/\r\n  .comboTag-arrow b{\r\n  \tdisplay: block;\r\n  \twidth: 50%;\r\n  \theight: 100%;\r\n  \tmargin: 0 auto;\r\n  \t/*margin-top:7px ;*/\r\n  }\r\n\r\n/**\r\n * When opened\r\n */\r\n.comboTag-open .comboTag-arrow {\r\n  border-color: #51A7E8; }\r\n  .comboTag-open .comboTag-arrow:before {\r\n    border-top: none;\r\n    border-bottom: 5px solid #cccccc; }\r\n\r\n/**\r\n * When opened show single\r\n */\r\n.comboTag-open .beforeAfter:before,.comboTag-open .beforeAfter:after{/*\r\n\tcontent: \"\"; \r\n\tz-index: 2;\r\n\tdisplay: block;\r\n\twidth: 0; height: 0; \r\n\tposition: absolute; \r\n\tright: 16px; \r\n\tmargin-top: 40px;\r\n\tborder-top: 8px solid transparent; \r\n\tborder-right: 6px solid transparent; \r\n\tborder-left: 6px solid transparent;\r\n}\r\n.comboTag-open .beforeAfter:after{\r\n\ttop: -15px; border-bottom: 10px solid #FFF;\r\n*/}\r\n.comboTag-open .beforeAfter:before{/*\r\n\ttop: -16px; border-bottom: 8px solid #ccc;\r\n*/}\r\n/**\r\n * When focused\r\n */\r\n.comboTag-focus {\r\n  /*box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);\r\n*/  border-color: #51A7E8; }\r\n  .comboTag-focus input {\r\n    border-color: #51A7E8; }\r\n\r\n/**\r\n * Hide native select\r\n */\r\n.comboTag-select select {\r\n  position: absolute;\r\n  z-index: 1;\r\n  left: 0;\r\n  top: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  -webkit-appearance: none;\r\n  opacity: 0; }\r\n\r\n@media only screen and (min-width: 960px) {\r\n  .comboTag-select select {\r\n    left: -1px;\r\n    top: -1px;\r\n    width: 0;\r\n    height: 0;\r\n    margin: 0;\r\n    display: none;\r\n     } }\r\n/**\r\n * Selected option\r\n */\r\n.option-selected {\r\n  background-color: #eee; }\r\n\r\n/**\r\n * Hovered option\r\n */\r\n.option-hover {\r\n  /* background-color: #D9EDF8; */\r\n  background-color: #C9E8F6;\r\n  /* color: #fff; */\r\n }\r\n\r\n/**\r\n * Option item\r\n */\r\n.option-item {\r\n  cursor: pointer;\r\n  border-bottom: 1px #e3e3e3 solid; }\r\n  .option-item:hover {\r\n    background-color: #E5F3FA;\r\n    /* color: #fff;  */\r\n  }\r\n  .option-item:last-child {\r\n    border-bottom: none; }\r\n\r\n/**\r\n * Disabled and optgroups\r\n */\r\n.option-group {\r\n  cursor: text;\r\n  font-weight: 600;\r\n  background: #e1e1e1;\r\n  border: 1px #ccc solid;\r\n  border-width: 1px 0; }\r\n\r\n/**\r\n * Disabled\r\n */\r\n.option-disabled {\r\n  opacity: 0.5; }\r\n\r\n/**\r\n * Dropdown\r\n */\r\n.comboTag-dropdown {\r\n  position: absolute;\r\n  z-index: 1;\r\n  top: 100%;\r\n  left: 0;\r\n  width: 100%;\r\n  /*max-width: 500px;\r\n*/  max-height: 200px;\r\n  margin: 0;\r\n  padding: 0;\r\n  display: none;\r\n  overflow-y: auto;\r\n  background: #fff;\r\n  border: 1px solid #ccc;\r\n  border-radius: 0;\r\n  /* box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26); */\r\n  box-sizing: border-box; \r\n  margin-top: 8px;}\r\n  .comboTag-dropdown li {\r\n    list-style: none;\r\n    padding: 8px 1em;\r\n word-break:break-all;\r\n    margin: 0; }\r\n\r\n/**\r\n * On Active\r\n */\r\n.comboTag-open .comboTag-dropdown {\r\n  display: block;\r\n  box-shadow: 0px 3px 3px #ccc;\r\n }\r\n\r\n/**\r\n * Search marker\r\n */\r\n.comboTag-marker {\r\n  text-decoration: underline; }\r\n');
